﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="HistoricoPagosCreditos.aspx.cs" Inherits="BancoIdeal.secured.HistoricoPagosCreditos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Historial de pagos
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script language="javascript" type="text/javascript" src="js/dist/jquery.jqplot.min.js"></script>
    <link rel="stylesheet" type="text/css" href="js/dist/jquery.jqplot.css" />
    <script type="text/javascript" src="js/dist/plugins/jqplot.cursor.min.js"></script>
    <script type="text/javascript" src="js/dist/plugins/jqplot.dateAxisRenderer.min.js"></script>
    <script type="text/javascript" src="js/dist/plugins/jqplot.highlighter.min.js"></script>
	<script src="../scripts/util.js" type="text/javascript"></script>
    <script type="text/javascript">
        var dirProductos = "/WS/Productos.asmx";
        $( function () {
            loadingModal();
            LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetProductosColocacion', OnErrorCall, OnSuccessCallDatosCreditos );
            //cdtsDisponibles()
            
        } );

        function OnSuccessCallDatosCreditos( response ) {
            response = eval( "( " + response.d + " )" );
            var htm = "";
            for ( var i = 0; i < response.length; i++ ) {
                htm = htm + '<li class="objetoRendimientos" id="' + response[i].IdProductoCliente + '"><a href="#" title="' + response[i].NumeroDelProducto + '"><span><span>' + response[i].NombreProductoCliente + '</span></span></a></li>';
            }
            $( "#cdtsDisponibles" ).html( htm );
            $( '.objetoRendimientos' ).bind( 'click', graficarCreditos );
            ScrollToolFun();
            $( '.cargandoModal' ).dialog( 'close' );
        }

        function graficarCreditos( event ) {
            var idProducto = this.id;
            var vecVatos = null;
            $( "#graficoRendimientos" ).html( "" );

            LlamadoAjaxSincrono( "{ idProductoCliente: " + idProducto + ", TipoMovimiento: 10 }", dirProductos, 'GetMoviemintosXTipoMovimiento', OnErrorCall, function ( response ) {
                vecVatos = eval( "( " + response.d + " )" );
            } );

            if ( vecVatos == null || vecVatos.length == 0 ) {
                loadingMessage( "No hay pagos realizados" );
                return;
            }

            var datos = [];

            for ( var i = 0; i < vecVatos.length; i++ ) {
                datos.push( [eval( vecVatos[i].FechaMovimiento.replace( /\/Date\((\d+)\)\//gi, "new Date($1)" ) ), vecVatos[i].ValorRendimiento] );
            }

            var plot1 = $.jqplot( 'graficoRendimientos', [datos], {
                title: 'grafico de rendimientos',
                axes: {
                    xaxis: {
                        renderer: $.jqplot.DateAxisRenderer,
                        tickOptions: {
                            formatString: '%b&nbsp;%#d'
                        }
                    },
                    yaxis: {
                        tickOptions: {
                            formatString: '$%.3f'
                        }
                    }
                },
                highlighter: {
                    show: true,
                    sizeAdjust: 7.5
                },
                cursor: {
                    show: false
                }
            } );
        }


        function OnErrorCall( response ) {
            alert( response.status + " " + response.statusText );
        }
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
    <span class="icono iconoSimuladores48x">
                    	&nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Créditos
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="InfoScreen" runat="server">
    Puedes llevar control del pago de tus cuotas de los créditos que tienes activos. Selecciona un crédito de la lista izquierda para acceder a la información detallada.
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="MoreInfoScreen" runat="server">
    <a href="#" class="verMasInfo">
        <span class="fondoAdicional">
            <span class="estiloTexto">
                más información
            </span>
        </span>
    </a>
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="SectionOptions" runat="server">
    <ul>
        <li>
            <a href="rendimientosCDT.aspx" class="opcionSeccion">
                <span class="icono inversiones">
                    &nbsp;
                </span>
                <span class="fondoAdicional">
                    <span class="estiloTexto">
                        Rendimientos de CDT
                    </span>
                </span>
            </a>
        </li>
        <li>
            <a href="rendimientosCuentas.aspx" class="opcionSeccion">
                <span class="icono cuentas">
                    &nbsp;
                </span>
                <span class="fondoAdicional">
                    <span class="estiloTexto">
                        Rendimientos de cuentas
                    </span>
                </span>
            </a>
        </li>
    </ul>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Historial de pagos
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
    <div id="productosRendimientos" class="listaOpciones">
        <p>Selecione un producto para ver su histórico de pagos.</p>
        <ul id="cdtsDisponibles">            
        </ul>
    </div>
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="MainContent" runat="server">
    <div id="graficoRendimientos" class="graficoRendimientos derecha">
                	                                    
                </div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="VentanasEmergentes" runat="server">
</asp:Content>
